// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.

<template>
    <!-- Resources Icon -->
    <svg width="18" height="18" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path :fill="color" d="M15.2372 1H4.49616C3.11757 1 2 2.11757 2 3.49616V17.8654C2 18.1764 2.12765 18.4737 2.3531 18.6879C2.80739 19.1196 3.52555 19.1012 3.95717 18.6469L9.59251 12.7156C9.59695 12.711 9.60151 12.7064 9.60619 12.702C9.75761 12.5581 9.997 12.5642 10.1409 12.7156L15.7762 18.6469C15.9904 18.8723 16.2878 19 16.5988 19C17.2254 19 17.7334 18.492 17.7334 17.8654V3.49616C17.7334 2.11757 16.6158 1 15.2372 1ZM4.49616 2.05898H15.2372C16.031 2.05898 16.6744 2.70243 16.6744 3.49616V17.8654C16.6744 17.9072 16.6405 17.941 16.5988 17.941C16.578 17.941 16.5582 17.9325 16.5439 17.9175L10.9086 11.9862C10.3619 11.4108 9.4522 11.3875 8.87677 11.9342C8.859 11.9511 8.84167 11.9685 8.82479 11.9862L3.18946 17.9175C3.16068 17.9478 3.1128 17.949 3.08252 17.9202C3.06749 17.9059 3.05898 17.8861 3.05898 17.8654V3.49616C3.05898 2.70243 3.70243 2.05898 4.49616 2.05898Z" />
    </svg>
</template>

<script setup lang="ts">
const props = withDefaults(defineProps<{
    color?: string;
}>(), {
    color: 'currentColor',
});
</script>
